{extend name="public:base" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"/>
<link href="__ADMIN__/css/style.css" rel="stylesheet">{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <div class="box-item">
                        <div class="form-group row"><label class="col-sm-1 col-form-label">订单信息</label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control" value="订单号：{$info.order_sn}" readonly>
                            </div>

                            <div class="col-sm-3">
                                <input type="text" class="form-control" value="总金额：{$info.all_price}" readonly>
                            </div>

                            <style>
                                .zf-box {
                                    display: flex;
                                }

                                .zf-text {
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    width: 120px;
                                    padding: 7px 0;
                                    border: 1px solid #e5e5e5;
                                }
                            </style>

                            <div class="col-sm-3">
                                <input type="text" class="form-control" name="pay_price" value="支付金额：{$info.pay_price}" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="box-item">
                        <div class="form-group row">
                            <label class="col-sm-1 col-form-label"></label>
                            <div class="col-sm-3">
                                <select class="form-control" disabled>
                                    <option value="1" {$info[
                                    'meal_status'] == 1 ? 'selected' : ''}>订单状态：待付款</option>
                                    <option value="2" {$info[
                                    'meal_status'] == 2 ? 'selected' : ''}>订单状态：进行中</option>
                                    <option value="3" {$info[
                                    'meal_status'] == 3 ? 'selected' : ''}>订单状态：已完成</option>
                                </select>
                            </div>

                            <div class="col-sm-3">
                                <select class="form-control" disabled>
                                    <option value="0" {$info[
                                    'is_pay'] == 0 && $info['is_pay'] !='' ? 'selected' : ''}>支付状态：未支付</option>
                                    <option value="1" {$info[
                                    'is_pay'] == 1 ? 'selected' : ''}>支付状态：已支付</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="box-item">
                        <div class="form-group row"><label class="col-sm-1 col-form-label"></label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control" value="支付时间：{$info.pay_time?timeFormat($info.pay_time):'未支付'}" readonly>
                            </div>

                            <div class="col-sm-3">
                                <input type="text" class="form-control" value="收货时间：{$info.complete_time?timeFormat($info.complete_time):'未收货'}" readonly>
                            </div>

                            <div class="col-sm-3">
                                <input type="text" class="form-control" value="门店：{$info.shop_name}" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="ibox ">
                <div class="ibox-content ">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>套餐名称</th>
                                <th>套餐图片</th>
                                <th>套餐数量</th>
                                <th>单价</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="order_vice" id="vo"}
                            <tr>
                                <td>{$vo.name}</td>
                                <td><img class="upload-file" src="{:getPicture($vo.img)}"></td>
                                <td>{$vo.count}</td>
                                <td>{$vo.price}</td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="ibox ">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>赠送品类</th>
                        <th>赠送数量</th>
                        <th>解锁状态</th>
                        <th>赠送时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="plan_list" id="vo"}
                    <tr>
                        <td>{$vo.goods_name}</td>
                        <td>{$vo.count}</td>
                        <td>{$vo.status == 1 ? '已解锁' : '未解锁'}</td>
                        <td>{$vo.send_date}</td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>

            <button type="button" class="btn btn-w-m btn-default back-page">返回</button>
        </div>
    </div>


    {/block}

    {block name="css"}
    <style>
        .multiColumn {
            display: -webkit-box;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: normal !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .gift-box {
            margin-top: 10px;
        }

        .gift {
            text-align: left;
            width: 300px;
        }

        .gift img {
            width: 40px;
            height: 40px;
            object-fit: cover;
            float: left;
            margin-left: 10px;
        }

        .gift-right {
            display: inline-block;
            margin-left: 10px;
        }

        .gift-name {
            /*text-align: left;*/
            float: right;
            width: 140px;
        }

        .gift-price {
            text-align: left;
            margin-top: 25px;
        }

        .gift-count {
            text-align: right;
            float: right;
            margin-top: -18px;
        }

        .gift-font {
            font-size: 12px;
        }
    </style>
    {/block}

    {block name='js'}
    <script src="/static/layui/layui.js"></script>
    <script type="text/javascript" src="__PLUG__/kindeditor/kindeditor-all.js"></script>
    <script type="text/javascript">
        $(".changeStatus").change(function (e) {
            var after_status = $(this).val();
            if (after_status == 3) {
                $(".after_reason").show();
            } else {
                $(".after_reason").hide();
            }
            $(".after_reason").find('textarea').text('');
        })
    </script>
    {/block}